<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
	<meta http-equiv="Cache-Control" content="no-cache" />
    <meta name="keywords" content="">
    <link rel="shortcut icon" href="http://dzqun.gtimg.cn/quan/images/favicon.ico">
    <title>{:C('WEB_SITE_TITLE')}-微社区</title>
<link rel="stylesheet" href="__PUBLIC__/amui/amui.all.min.css"/>
<link rel="stylesheet" href="__PUBLIC__/amui/wsqstyle.css">
<link rel="stylesheet" href="__PUBLIC__/amui/wsqpost.css">

<link rel="stylesheet" type="text/css" href="__PUBLIC__/amui/gmu/assets/widget/panel/panel.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/amui/gmu/assets/widget/slider/slider.css" />

<script src="__PUBLIC__/amui/gmu/zepto.js"></script>
<script src="__PUBLIC__/amui/amuiwsq.min.js?t={:time()}"></script>
<!--- 侧滑面板 -->
    <script type="text/javascript" src="__PUBLIC__/amui/gmu/src/extend/touch.js"></script>
    <script type="text/javascript" src="__PUBLIC__/amui/gmu/src/extend/throttle.js"></script>
    <script type="text/javascript" src="__PUBLIC__/amui/gmu/src/extend/event.scrollStop.js"></script>
    <script type="text/javascript" src="__PUBLIC__/amui/gmu/src/extend/event.ortchange.js"></script>
    <script type="text/javascript" src="__PUBLIC__/amui/gmu/src/extend/matchMedia.js"></script>
    <script type="text/javascript" src="__PUBLIC__/amui/gmu/src/core/gmu.js"></script>
    <script type="text/javascript" src="__PUBLIC__/amui/gmu/src/core/event.js"></script>
    <script type="text/javascript" src="__PUBLIC__/amui/gmu/src/core/widget.js"></script>
    <script type="text/javascript" src="__PUBLIC__/amui/gmu/src/widget/panel/panel.js"></script>
<!--- 图片滑动--->
<style type="text/css">.pt{padding-top:0px}.hide{display:none}.show{}.amango_editorheight{}.backBtn{border-right:1px solid #d4d4d4;display:block;height:30px;left:0;margin-left:20px;padding:5px 20px 5px 5px;position:absolute;top:0;width:20px}.iconAnswer:before{content:">";font-size:1.5em;font-style:normal}</style>
</head>
<body class="pt pb am-g" style="zoom: 1;">
<div class="tipInfo" style="display:none;width: 100%;position: fixed;" id="showShare">
    <p class="tipBor" style="float: right;">喜欢这些内容,请点击右上角图标分享<span class="arrLeft"></span></p>
</div>

<div id="fwin_mask_replyForm" class="g-mask hide" style="position:absolute;top:-0px;left:-0px;width:100%;height:100%;background:#000;filter:alpha(opacity=60);opacity:0.5; z-index:100011;"></div>
<div class="popLayer pSpace brNone hide"style="width:100%;position: absolute;z-index:100020;" id="amango_editor">
<div class="sendInfo wot pr">
            <span class="locationCon address f13 c9" closestatus="1"><i class="iconloc f16 c9 cf"></i><span id="replytz_title">回复:</span></span>
            <div class="sendOperBtn pa">
            </div>
        </div>
<form method="post"action="{:U('Article/reply')}"id="replyForm">
<input type="hidden"name="documentid" id="replytz_id" value="">
<div class="sendRCon">
<textarea id="content"name="content"cols=""rows=""class="sInput f13"placeholder="回两句吧..."></textarea>
</div>
<div class="sendNav">
<ul>
<li><a data-id='0' class="operatIcon iconExpression f21 db c9 cf"></a></li>
<!--回复关闭  发帖开启--->
<li>&nbsp;</li>
<li>&nbsp;</li>
<li><a id="amango_editor_cancel" class="cancelNewBtn brSmall f13 db fr c3 close">取消</a></li>
<li><input type="submit" value="发送" class="sendBtn brSmall f13 db c2"></li>
</ul>
</div>
<div class="operatingBox">
    <div class="operatList tipLayer"style="margin:0;border:0;"></div>
</div>
</form>

<!--表情-->
<div class="operatingBox hide">
<div class="operatList tipLayer"style="margin: 0px; border: 0px; display: block;">
<div class="expreBox"style=""id="expreBox">
<div class="expreList"id="expreList">
<ul class="expreCon expreConNew" boxid="0" id="exp_emo0"style="position: relative;left: 0px;" scrolleft="0">
<li class="bg1"style="background-position: 50% 50%;">
<a href="javascript:;"title="微笑"></a><a href="javascript:;"title="撇嘴"></a><a href="javascript:;"title="色"></a><a href="javascript:;"title="发呆"></a><a href="javascript:;"title="得意"></a><a href="javascript:;"title="流泪"></a><a href="javascript:;"title="害羞"></a><a href="javascript:;"title="闭嘴"></a><a href="javascript:;"title="睡"></a><a href="javascript:;"title="大哭"></a><a href="javascript:;"title="尴尬"></a><a href="javascript:;"title="发怒"></a><a href="javascript:;"title="调皮"></a><a href="javascript:;"title="呲牙"></a><a href="javascript:;"title="惊讶"></a><a href="javascript:;"title="难过"></a><a href="javascript:;"title="酷"></a><a href="javascript:;"title="冷汗"></a><a href="javascript:;"title="抓狂"></a><a href="javascript:;"title="吐"></a><a href="javascript:;"></a>
</li>
<li class="bg2"style="background-position: 50% 50%;"><a href="javascript:;"title="偷笑"></a><a href="javascript:;"title="可爱"></a><a href="javascript:;"title="白眼"></a><a href="javascript:;"title="傲慢"></a><a href="javascript:;"title="饥饿"></a><a href="javascript:;"title="困"></a><a href="javascript:;"title="惊恐"></a><a href="javascript:;"title="流汗"></a><a href="javascript:;"title="憨笑"></a><a href="javascript:;"title="大兵"></a><a href="javascript:;"title="奋斗"></a><a href="javascript:;"title="咒骂"></a><a href="javascript:;"title="疑问"></a><a href="javascript:;"title="嘘.."></a><a href="javascript:;"title="晕"></a><a href="javascript:;"title="折磨"></a><a href="javascript:;"title="衰"></a><a href="javascript:;"title="骷髅"></a><a href="javascript:;"title="敲打"></a><a href="javascript:;"title="再见"></a><a href="javascript:;"></a>
</li>
<li class="bg3"style="background-position: 50% 50%;"><a href="javascript:;"title="擦汗"></a><a href="javascript:;"title="抠鼻"></a><a href="javascript:;"title="鼓掌"></a><a href="javascript:;"title="溴大了"></a><a href="javascript:;"title="坏笑"></a><a href="javascript:;"title="左哼哼"></a><a href="javascript:;"title="右哼哼"></a><a href="javascript:;"title="哈欠"></a><a href="javascript:;"title="鄙视"></a><a href="javascript:;"title="委屈"></a><a href="javascript:;"title="快哭了"></a><a href="javascript:;"title="阴险"></a><a href="javascript:;"title="亲亲"></a><a href="javascript:;"title="吓"></a><a href="javascript:;"title="可怜"></a><a href="javascript:;"title="菜刀"></a><a href="javascript:;"title="西瓜"></a><a href="javascript:;"title="啤酒"></a><a href="javascript:;"title="篮球"></a><a href="javascript:;"title="乒乓"></a><a href="javascript:;"></a>
</li>
<li class="bg4"style="background-position: 50% 50%;"><a href="javascript:;"title="咖啡"></a><a href="javascript:;"title="饭"></a><a href="javascript:;"title="猪头"></a><a href="javascript:;"title="玫瑰"></a><a href="javascript:;"title="凋谢"></a><a href="javascript:;"title="示爱"></a><a href="javascript:;"title="爱心"></a><a href="javascript:;"title="心碎"></a><a href="javascript:;"title="蛋糕"></a><a href="javascript:;"title="闪电"></a><a href="javascript:;"title="炸弹"></a><a href="javascript:;"title="刀"></a><a href="javascript:;"title="足球"></a><a href="javascript:;"title="瓢虫"></a><a href="javascript:;"title="便便"></a><a href="javascript:;"title="月亮"></a><a href="javascript:;"title="太阳"></a><a href="javascript:;"title="礼物"></a><a href="javascript:;"title="拥抱"></a><a href="javascript:;"title="强"></a><a href="javascript:;"></a>
</li>
<li class="bg5"style="background-position: 50% 50%;"><a href="javascript:;"title="弱"></a><a href="javascript:;"title="握手"></a><a href="javascript:;"title="胜利"></a><a href="javascript:;"title="抱拳"></a><a href="javascript:;"title="勾引"></a><a href="javascript:;"title="拳头"></a><a href="javascript:;"title="差劲"></a><a href="javascript:;"title="爱你"></a><a href="javascript:;"title="NO"></a><a href="javascript:;"title="OK"></a><a href="javascript:;"title="爱情"></a><a href="javascript:;"title="飞吻"></a><a href="javascript:;"title="跳跳"></a><a href="javascript:;"title="发抖"></a><a href="javascript:;"title="怄火"></a><a href="javascript:;"title="转圈"></a><a href="javascript:;"title="磕头"></a><a href="javascript:;"title="回头"></a><a href="javascript:;"title="跳绳"></a><a href="javascript:;"title="挥手"></a><a href="javascript:;"></a>
</li>
</ul>
</div>
<p class="pNumCon"id="exp_emo0_page">
<a href="javascript:;"class=" on  pNum db"></a>
<a href="javascript:;"class=" pNum db"></a>
<a href="javascript:;"class=" pNum db"></a>
<a href="javascript:;"class=" pNum db"></a>
<a href="javascript:;"class=" pNum db"></a>
</p>
</div></div>

</div>
</div>
   <div class="detail">
        <div class="detailTitle pr">
            <h2 class="c6 f16">来自：<span class="c7 topiclink">#{$category.title}#</span></h2>
            <span class="iconArrowR db pa c9 cf topiclink"></span>
        </div>
    </div>
<!--正文开始--->
<div class="detailBox">
                <div class="topicCon" id="t_3025_0_0">
<!-- 发帖人信息 -->
            <div class="personImgDate bn pr">
                <i class="perImg mr db fl pr">
                  <a><img width="35" height="35" src="{:get_cms_userpic($info['uid'],$info['usertype'])}" class="bImg brBig lazy-loaded" alt="avatar"></a>
                </i>
                <h3 class="title f13 fn c6">{:get_cms_username($info['uid'],$info['usertype'])}
				<!---<span class="honorBg brSmall"><i class="iconRank db cf c2"></i></span>-->
				</h3>
                <p class="f11">
				<span class="time c9 mr">{$info.create_time|date='Y-m-d',###}</span>
				<span class="address c6"><i class="iconloc f14 c1 cf"></i>{:C('WEB_SITE_TITLE')}</span>
				</p>
           </div>
 <!-- 发帖人信息 -->
 
 <!-- 帖子内容 -->
              <div class="detailCon">
			        <div class="dCon f16">
					  <span id="z_{$info.id}">{$info.title}</span><p>{:get_cms_samils($info['content'])}</p>
					</div>
					<div class="threadPic pr">
					    <notempty name="info['cover_id']">
                         <span>
                            <img class="dImg lazy-loaded" src="{$info['cover_id']}" alt="">
                          </span>
					    </notempty>

			        </div>
               <div class="operation oh">
                    <span class="replyShare db c9 fr f13">
					    <!--<a tieziid="{$info.id}" title="赞" class="c9 like"><i class="iconNoPraise f18 cf"></i><span class="likeNum">{$data.bookmark}</span></a>-->
                        <a title="分享" class="c9 shareBtn" id="amango_share"><i class="iconShare f18 cf"></i></a>
                        <a tieziid="{$info.id}" title="回复" class="c9 threadReply"><i class="iconReply f18 cf"></i>{:get_cms_tiezireplys($data['id'])}</a>
                    </span>
                </div>
            </div>
 <!-- 帖子内容 -->
            </div>
 <!-- 帖子常用操作 -->
         <div id="hotLabelBox" class="hotLabel" style="display: none"><h3 class="fl pr"><i class="iconDetailReply cf f16 mr5 c4"></i>热门回复</h3></div>
            <div class="topicList">
                <ul id="hotReplyList">
                </ul>
            </div>
            <div id="allLabelBox" class="hotLabel" style="">
                <h3 class="fl allTitle pr" style="bottom: 5px;"><i class="iconDetailReply cf f16 mr5 c7"></i>全部回复</h3>
                <span class="sortCon fr db"><a href="javascript:;" class="db c6 f12 evtReplySort"><i class="iconReverse cf mr5 f16"></i>倒序排列</a></span>
            </div>
 <!-- 帖子常用操作 -->

 <!-- 评论区 -->
<div class="topicList">
<ul style="height: auto;" id="allReplyList">
<article:replylist name="replyinfo" documentid="$info['id']" row="10">
<li uid="{$replyinfo.fromuserid}" author="{$replyinfo.fromuserid}">
            <div class="f13 c3 replyUser">
            <a><img width="20" height="20" src="{:get_cms_userpic($replyinfo['fromuserid'],$replyinfo['fromusertype'])}" class="sImg brBig pa db lazy-loaded"></a>
            <span class="c7">{:get_cms_username($replyinfo['fromuserid'],$replyinfo['fromusertype'])}：</span>
            {:get_cms_samils($replyinfo['content'])}
            </div>
            <div class="operation pr">
                <div class="replyImg ">
            </div>
            <span class="source db c6 f11 fl">{$replyinfo.creattime|date='Y-m-d',###}</span>
        </div>
    </li>
</article:replylist>
    </ul>
</div>
 <!-- 评论区 -->
        </div>
</div>
<div class="bottomBar">
  <div data-am-widget="gotop" class="am-gotop am-gotop-fixed" style="right: 5px;margin-bottom:30px;width: 40px;
height: 40px;">
  <a href="#top" title="回到顶部">
    <span class="am-gotop-title">回到顶部</span>
    <i class="am-gotop-icon am-icon-chevron-up"></i>
  </a>
</div> 
  <div class="bottomBarCon">
    <a onclick="javascript:history.back(-1);return false;" class="backBtn"><i class="iconAnswer commF back db"></i></a>
    <a tieziid="{$info.id}" class="threadReply replyBtn db " bind="1" style="margin-top: -5px;"><i class="incoR"></i>参与回复</a>
     <a id="info_center" class="moreC db">
        <i class="circle">●</i><i class="circle">●</i><i class="circle">●</i>
        <i class="db numP" style="display:none;">0</i>
    </a>
  </div>

</div>
<!---侧滑开始----->
<div style="width: 190px; position: fixed; z-index: 100010; top: 0px; height: 100%; right: 0px;" class="panel" id="fwin_dialog_sideBar">
  <div class="sideBar">
    <div class="searchContent evtSearchWrap">
     <font size="5" >{:session('P.nickname')}</font>
    </div>
    <div class="sideBarCon" id="sideBarCon">
        <h3 class="sideTit f14 fn c2">话题标签</h3>
<!---
        <ul style="position: relative;">
		<li class="filter on"><a class="iconSucc cf s_succ db" href="javascript:;">全部</a></li>
        <li class="filter" labelid="showPic"><a class="c9" href="javascript:;">栏目</a></li>
        </ul>
--->
        <div class="customTag" id="customTag"><div>
<article:subcategorylist name="article" categoryid="$category_id">
		    <neq name="category_id" value="$article['id']">
			    <a href="{:U('Article/lists?category='.$article['name'])}" class="f12 filter">#{$article.title}#</a>
            </neq>
</article:subcategorylist>
      </div>
</div>
        <ul class="sidePerMan">
<if condition="is_login()">
 <li id="sideProfile"><a href="{:U('User/profile')}" class="iconPrfile  f16 c9 cf">个人主页</a></li>
<else/>
<li id="sideUnfollow"  ><a href="{:U('User/logout')}" class="iconExit f16 c9 cf">退出社区</a></li>
</if>
        </ul>
</div>
</div>
<!---侧滑结束----->
</div>
        <div class="copyRight">{:C('WEB_SITE_TITLE')}-微社区，精彩在你身边</div>
<script type="text/javascript">
    $(function ($) {
        $('.topiclink').on('click', function () {
			window.open("{:U('Article/lists',array('category'=>$category['name']))}");
        });
		//赞一个
		$('.like').on('click', function () {
            var tieziid   = $(this).attr('tieziid');
			var praisenums    = $(this).children('span .likeNum').text();
			var praisestatus  = $(this).children('i').hasClass('iconPraise');
			var nowpraisenums = parseInt(praisenums);
			$(this).children('i').removeClass('iconNoPraise');
			//判断加减
		    if(praisestatus){
                 $(this).children('i').removeClass('iconPraise');
				 $(this).children('i').addClass('iconNoPraise')
				 nowpraisenums = nowpraisenums-1;
			} else {
			     $(this).children('i').removeClass('iconNoPraise');
                 $(this).children('i').addClass('iconPraise');
				 nowpraisenums = nowpraisenums+1;
			}
			   $(this).children('span .likeNum').text(nowpraisenums);
        });
		//回复 hasClass
		$('.threadReply').on('click', function (e) {
		e.stopPropagation();
            var _scrollHeight = $(document).scrollTop();
            var      _posiTop = _scrollHeight+20;
            var tieziid = $(this).attr('tieziid');
            var z_title = $('#z_'+tieziid).text();
			//将回复帖子id  帖子标题  传递
			$('#replytz_title').append('“'+z_title+'”');
			$('#replytz_id').val(tieziid);
			$("#amango_editor").css("top",_posiTop+'px'); 
			$('#amango_editor').toggle();
			$('#fwin_mask_replyForm').toggle();
			
        });
        $('.panel').panel({
            contentWrap: $('.cont')
        });
        $('#info_center').on('click', function () {
            $('.panel').panel('toggle', 'overlay', 'right');
        });
        $('#donttouchme').on('click', function (e) {
		e.stopPropagation();
            $('#showShare').toggle();
        });
        $('#setguanzhu').on('click', function (e) {
		e.stopPropagation();
            $('#guanzhu').toggle();
        });
		//监听上传点击 expreList
        $('.uploadPicBox').on('click', function () {
            $('.photoTipsBox').show();
        });
		//监听选中的表情 bg1
        $('.expreCon a').on('click', function () {
		    var title = $(this).attr('title');
			var str   = $('#content').val();
            if(title==''){
			    $('#content').val(str);
			} else {
                $('#content').val(str+'['+title+']');
			}
        });
		//表情
        $('.iconExpression').on('click', function (e) {
		e.stopPropagation();
            $('.operatingBox').toggle();
        });
        //表情左右滑动 0-4
		$('#expreBox').swipeLeft(function(){
		   var lastboxid = parseInt($(this).attr('boxid'));
		       boxid = lastboxid+1;
            if(isNaN(boxid)){
               boxid = 0;
			}
			if(boxid>4){
               boxid = 4;
			}
			var leftsize = -312*boxid;
			//left: -1248px scrolleft
			$("#exp_emo0").css("left",leftsize+'px');
			$('#exp_emo0').attr('scrolleft',leftsize);
			$(this).attr('boxid',boxid);
			$("#exp_emo0_page").find('a').eq(boxid).siblings().removeClass("on");
			$("#exp_emo0_page").find('a').eq(boxid).addClass("on"); 
        });
		$('#expreBox').swipeRight(function(){
		   var lastboxid = parseInt($(this).attr('boxid'));
		       boxid = lastboxid-1;
            if(isNaN(boxid)){
               boxid = 0;
			}
			if(boxid<0){
               boxid = 0;
			}
			var leftsize = -312*boxid;
			//left: -1248px scrolleft
			$("#exp_emo0").css("left",leftsize+'px');
			$('#exp_emo0').attr('scrolleft',leftsize);
			$(this).attr('boxid',boxid);
			$("#exp_emo0_page").find('a').eq(boxid).siblings().removeClass("on");
			$("#exp_emo0_page").find('a').eq(boxid).addClass("on"); 
        });
        $('#amango_share').on('click', function (e) {
		e.stopPropagation();
            $('#showShare').toggle();
        });
        $('#amango_editor_cancel').on('click', function () {
		    $('#fwin_mask_replyForm').hide();
            $('#amango_editor').hide();
		    $('.operatingBox').hide();
        });
      
         $(document).click(function() {
               $('#showShare').hide();
               $('#guanzhu').hide();
         });
    }(Zepto));
</script>
<include file="Public/weixinjs"/>
</body></html>